<template>
  <div class="h-ueditor" style="width: 100%">
    <VueUeditorWrap :config="editorConfig" v-model="value" />
  </div>
</template>

<script>
// import VueUeditorWrap from "vue-ueditor-wrap";
export default {
  // components: {
  //   VueUeditorWrap,
  // },
  props: {
    content: {
      type: String,
      default: "",
    },
    editorHeight: {
      type: String,
      default: "400",
    },
  },
  watch: {
    content(val) {
      this.value = val;
    },
    value(val) {
      this.$emit("onVal", val);
    },
  },
  created() {
    this.value = this.content;
  },
  data() {
    return {
      value: "",
      editorConfig: {
        autoHeightEnabled: true, // 自动变高
        autoFloatEnabled: true,
        initialContent: "请输入内容",
        autoClearinitialContent: true,
        initialFrameWidth: "100%", // 初始化宽
        initialFrameHeight: this.editorHeight, // 初始化高
        BaseUrl: "",
        // 上传文件接口（这个地址是我为了方便各位体验文件上传功能搭建的临时接口） - 修改成自己后端地址
        UEDITOR_HOME_URL: "/UEditor/", // 访问 UEditor 静态资源的根路径，可参考常见问题1
        serverUrl: process.env.VUE_APP_BASE_API + "/editor/config/", // 服务端接口（这个地址是我为了方便各位体验文件上传功能搭建的临时接口，请勿在生产环境使用！！！
      },
    };
  },
};
</script>
